.main-wrapper {
  width: 100% !important;
  position: relative;
  background: #000;

  .background {
    position: relative;
    background: url(https://h5static.dewucdn.com/node-common/cf582f4d-9e78-6e1b-2893-0f18eebbd383-2880-920.png);
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 460px;

    .document {
      color: #fff;
      position: relative;
      max-width: 1440px;
      min-width: 1024px;
      color: #fff;
      height: 460px;
      margin: 0 auto;

      .topBox {
        width: 100%;
        height: 90px;
        position: absolute;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.35), transparent);
        z-index: 99;
        pointer-events: none;
      }

      img {
        cursor: pointer;
      }

      .documentLeft {
        margin: 0px 177px;
      }

      .carouselRight {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        margin-right: 168px;

        .posterRollUp {
          animation: rollUp 12s linear infinite;
          will-change: transform;
        }

        .posterRollUp:hover {
          animation-play-state: paused;
        }

        .posterRollDown {
          animation: rollDown 12s linear infinite;
          will-change: transform;
        }

        .posterRollDown:hover {
          animation-play-state: paused;
        }
      }
    }
  }
}

:where(.css-dev-only-do-not-override-l9pxc0).ant-carousel {
  width: 140px;
  height: 460px;
  padding-top: 80px;
}

@keyframes rollUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

@keyframes rollDown {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
